﻿function Pager(tableName, itemsPerPage) {
this.tableName = tableName;
this.itemsPerPage = itemsPerPage;
this.currentPage = 1;
this.pages = 0;
this.inited = false;
this.showRecords = function(from, to) {
var rows = document.getElementById(tableName).rows;
// i comea do 1 para pular o header da tebela
for (var i = 1; i < rows.length; i++) {
if (i < from || i > to)
rows[i].style.display = 'none';
else
rows[i].style.display = '';
}
}
this.showPage = function(pageNumber) {
if (!this.inited) {
alert("nao inicializado");
return;
}
var oldPageAnchor = document.getElementById('pg' + this.currentPage);
if (oldPageAnchor != null) {
oldPageAnchor.className = 'pg-normal';
}
this.currentPage = pageNumber;
var newPageAnchor = document.getElementById('pg' + this.currentPage);
if (newPageAnchor != null) {
newPageAnchor.className = 'pg-selected';
}
var from = (pageNumber - 1) * itemsPerPage + 1;
var to = from + itemsPerPage - 1;
this.showRecords(from, to);
}
this.prev = function() {
if (this.currentPage > 1)
this.showPage(this.currentPage - 1);
}
this.next = function() {
if (this.currentPage < this.pages) {
this.showPage(this.currentPage + 1);
}
}
this.init = function() {
var rows = document.getElementById(tableName).rows;
var records = (rows.length - 1);
this.pages = Math.ceil(records / itemsPerPage);
this.inited = true;
}
this.showPageNav = function(pagerName, positionId) {
if (!this.inited) {
alert("nao inicializado");
return;
}
var element = document.getElementById(positionId);
if (this.pages > 0) {
var pagerHtml = '<span onclick="' + pagerName + '.prev();" class="pg-ctrl"> &#171 </span>';
}
for (var page = 1; page <= this.pages; page++) {
if (page % 20 == 0) {
pagerHtml += '<span id="pg' + page + '" class="pg-normal" onclick="' + pagerName + '.showPage(' + page + ');">' + page + '</span><br/></br>';
}
else {
pagerHtml += '<span id="pg' + page + '" class="pg-normal" onclick="' + pagerName + '.showPage(' + page + ');">' + page + '</span>';
}
}
if (this.pages > 0) {
pagerHtml += '<span onclick="' + pagerName + '.next();" class="pg-ctrl"> &#187;</span>';
}
if (pagerHtml != undefined) {
element.innerHTML = pagerHtml;
}
}
}